<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>登陆 | 美团网</title>
    <link rel="icon" href="imgs/favicon.ico" sizes="16x16 32x32" />
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/animate.css" />
    <link rel="stylesheet" href="./css/login.css" />
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2766798_np7ovj5ke2.css" /> -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3186978_gtqlph8rhy5.css">
  </head> 

  <body>
    <!-- header -->
    <header class="wof-fallDown">
      <a href="./index.html">
        <img src="./imgs/logo.png" alt="logo" />
      </a>
    </header>

    <!-- section -->
    <section>
      <img
        class="animate__animated animate__fadeInLeft"
        src="./imgs/nainai.jpeg"
        width="480"
        height="370"
        alt="美团网"
      />
      <!-- 登陆表单 -->
      <form action="java.html" class="animate__animated animate__fadeInRight">
        <!-- 账号登录 -->
        <div class="account-login" style="position: relative">
          <p><span class="active">账号登录</span></p>
          <input
            type="text"
            class="account"
            placeholder="请输入用户名或手机号"
          />
          <input type="password" class="pwd" placeholder="请输入密码" />
          <span class="iconfont icon-yincang mimayincang" style="position: absolute;left: 253px;top: 112px;"></span>

          <div id="captcha1">
            <div class="text">行为验证™ 安全组件加载中</div>
            <div class="wait show">
              <div class="loading">
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
              </div>
            </div>
          </div>

          <p>
            <input type="checkbox" class="remember" id="remember" />
            <label for="sms-remember">勾选七天免登陆</label>
          </p>
          <button class="wof-button wof-button--yellow account zhanghaodenglu">
            账号登录
          </button>
          <button class="wof-button wof-button--info sms">短信登陆</button>
          <button class="wof-button wof-button--info saoma">扫码登陆</button>
        </div>
        <!-- 账号登录 -->

        <!-- 短信登陆 -->
        <div class="sms-login">
          <p><span class="active">短信登陆</span></p>
          <input type="text" class="mobile" placeholder="请输入手机号" />
          <input type="text" maxlength="6" class="code" placeholder="动态码" />
          <a href="javascript:;">获取手机动态码</a>

          <div id="captcha2">
            <div class="text">行为验证™ 安全组件加载中</div>
            <div class="wait show">
              <div class="loading">
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
              </div>
            </div>
          </div>

          <p>
            <input type="checkbox" class="remember" id="sms-remember" />
            <label for="sms-remember">勾选七天免登陆</label>
          </p>
          <button class="wof-button wof-button--yellow sms duanxindenglu">短信登陆</button>
          <button class="wof-button wof-button--info account">账号登录</button>
          <button class="wof-button wof-button--info saoma">扫码登陆</button>
        </div>
        <!-- 短信登陆 -->

        <!-- 短信登陆 -->
        <div class="saoma-login">
          <p><span class="active">扫码登陆</span></p>
          <img src="./imgs/ewm.png" alt="二维码" width="270">
          <!-- <div id="saomaImg" style="width: 270px"></div> -->
          <button class="wof-button wof-button--yellow saoma">
            刷新二维码
          </button>
          <button class="wof-button wof-button--info sms">短信登陆</button>
          <button class="wof-button wof-button--info account">账号登录</button>
        </div>
        <!-- 短信登陆 -->
        <p>还没有账号？<a href="./registry.html">免费注册</a></p>
      </form>
      <!-- 登陆表单 -->
    </section>

    <!-- footer -->
    <footer class="footer">
      <div class="site-info-nav cf">
        <ul>
          <li class="first">
            <a rel="nofollow" href="https://about.meituan.com/about.html"
              >关于美团</a
            >
          </li>
          <li>
            <a rel="nofollow" href="https://zhaopin.meituan.com/">加入我们</a>
          </li>
          <li>
            <a
              rel="nofollow"
              href="http://emis.meishi.meituan.com/merchantsSettled"
              >商家入驻</a
            >
          </li>
          <li>
            <a rel="nofollow" href="https://www.meituan.com/help/faq"
              >帮助中心</a
            >
          </li>
          <li class="last">
            <a href="http://meituan.com/mobile">美团手机版</a>
          </li>
        </ul>
      </div>
      <div class="copyright">
        <p>
          ©<span>2021</span>
          <a href="https://www.meituan.com">美团网团购</a>
          meituan.com
          <a href="http://www.miibeian.gov.cn/" target="_blank"
            >京ICP证070791号</a
          >
          京公网安备11010502025545号
        </p>
      </div>
    </footer>
    
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="./js/alert.js"></script>
    <script src="./js/_login.js"></script>
    <script src="./js/gt.js"></script>
    <script src="./js/fun.js"></script>
    <script src="./js/login-account.js"></script>
    <script src="./js/login-sms.js"></script>
    <script src="https://unpkg.com/jquery.qrcode@1.0.3/jquery.qrcode.min.js"></script>
    <script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>
    <script src="./js/login-saoma.js"></script>
    
  </body>
</html>